@import "function";
@import "var";
@import "mixin";


//评论列表
.comments-list{
  background-color: #fff;
  padding-left:px2rem(35px);
  //存在顶栏时
  &.mt{
    height: 100vh;
    .scroll-loading-wrapper{
      margin-top:px2rem(-75px);
      padding-top:px2rem(75px);
    }
  }
  li,.item{
    padding:px2rem(25px) 0;
    border-bottom:1px solid #e0e0e1;
    &:last-of-type{
      border-bottom:none;
    }
  }
  .user-wrapper{
    height:px2rem(110px);
    display: flex;
    justify-content: space-between;
    .users{
      display: flex;
      align-items: center;
      font-size: px2rem(27px);
    }
    .face-img{
      width:px2rem(75px);
      height:px2rem(75px);
      border-radius: 50%;
      margin-right:px2rem(20px);
      img{
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 50%;
      }
    }
    .name{
      font-size: px2rem(27px);
      color: #333333;
    }
    .time{
      font-size: px2rem(22px);
      color: #6a6a6a;
    }
  }
  .icon-cheji04{
    background-color: $main_color;
  }
  .operate{
    height: 100%;
    display: flex;
    align-items: flex-start;
    padding:px2rem(20px) px2rem(25px) 0 0;
    button{
      background-color:transparent;
      border: none;
      outline: none;
    }
  }
  .comments-content{
    padding:px2rem(20px) px2rem(25px) 0 0;
    font-size: px2rem(27px);
    color: #000000;
    text-align: justify;
  }
  .comments-content-sub{
    color: #666666;
    font-size: px2rem(27px);
    border-left: 2px solid #e7e7e8;
    padding:0 0 0 px2rem(15px);
    &>.item{
      padding-top:px2rem(20px);
      border-bottom:1px solid #e7e7e8;
      padding-bottom:px2rem(20px);
    }
  }
}
